<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8" />
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1, shrink-to-fit=no"
		/>

		<link
			rel="stylesheet"
			href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
			integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
			crossorigin="anonymous"
		/>
		<link
			rel="stylesheet"
			href="//cdn.rawgit.com/morteza/bootstrap-rtl/v3.3.4/dist/css/bootstrap-rtl.min.css"
		/>
		<link
			rel="stylesheet"
			href="{{ url_for('static', filename='doc_style.css') }}"
		/>
	</head>

	<body>
		<h5 class="rtl float-left">
			תאריך: {{ report.created_at.strftime("%d/%m/%Y %H:%M") }}
		</h5>
		<h5 id="-name-" class="rtl">שם העוסק: {{ teacher.user.name }}</h5>
		<h5 id="-crn-" class="rtl">ח.פ: {{ teacher.crn }}</h5>

		<h2 class="rtl center" id="-">מד אוץ רכב {{ report.car.number }}</h2>
		<table class="rtl table table-striped">
			<thead>
				<tr>
					<th scope="col">סה״כ עבודה</th>
					<th scope="col">סה״כ יומי</th>
					<th scope="col">
						פרטי
					</th>
					<th scope="col">
						סוף יום
					</th>
					<th scope="col">תחילת יום</th>
					<th scope="col">תאריך</th>
					<th scope="col">#</th>
				</tr>
			</thead>
			<tbody>
				{% for kilometer in data %}
				<tr>
					<td>{{ kilometer.total_work_km }}</td>
					<td>{{ kilometer.end_of_day - kilometer.start_of_day }}</td>
					<td>
						{{ kilometer.personal }}
					</td>
					<td>{{ kilometer.end_of_day }}</td>
					<td>
						{{ kilometer.start_of_day }}
					</td>
					<td>
						<strong>{{
							kilometer.date.strftime("%d/%m/%Y")
						}}</strong>
					</td>
					<th scope="row">{{ loop.index }}</th>
				</tr>
				{% endfor %}
			</tbody>
		</table>
		<script
			src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
			integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
			crossorigin="anonymous"
		></script>
		<script
			src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
			integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
			crossorigin="anonymous"
		></script>
		<script
			src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
			integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
			crossorigin="anonymous"
		></script>
	</body>
</html>
